<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表</title>
</head>

<body>
    <!--
       ul：无序列表
            type ： 
                disc:实心圆(默认值) 
                circle:空心圆
                square:实心方块
            注意 一般如果显示 type 需要非 实心圆的样式，不使用type,进行修改，因为在不同的浏览器显示的样式大小可能存在不一致
                正确做法，先取消样式(list-style:none),再使用 每个li 的背景图片
       ol：有序列表
            type：规定在列表中使用的标记类型。
                1：阿拉伯数字(默认值)
                a/A ：英文字母排序
                i/I : 罗马数字排序 
       dl：定义列表
        dt：定义的主体
        dd:定义的主体对应的内容
    列表项 之间都是块元素，他们之间可以互相嵌套
    -->
    <ul>
        <li>
            张三
        </li>
        <li>
            李四
        </li>
        <li>
            王五
        </li>
    </ul>
    <ol type="a">
        <li>
            第一个
        </li>
        <li>
            第二个
        </li>
    </ol>
    <dl>
        <dt>
            武松
        </dt>
        <dd>景岗山打虎</dd>
        <dd>上梁山</dd>
        <dt>
            宋江
        </dt>
        <dd>上梁山</dd>
    </dl>
</body>

</html>